﻿ul, ol, dl, dd, p { margin: 0; padding: 0; }
ul { list-style-type: none; }

/* COMMUNITY */ 
.community_area { width: 100%; height: auto; float: left; clear: both; }  
.community_panel { width: 840px; float: left; margin: 4px 0px 0px 10px; clear: left; }
.reviewFilter
{
    float: right;
    margin: 0px 0px 0 0; *margin:5px0px00; width: auto; 
}
.searchReview
{
    margin: 0px 0 0px 0px; width: auto; float: left;
}
.searchReview ul
{
	margin: 0px;
	padding: 0px;
}
.searchReview ul li
{
	float: left; margin-right: 3px;
}
.input200
{
	width: 200px;
	border: #DBDBDB 1px solid;
	padding: 2px 5px;
	height: 19px;
	font-family: Tahoma,Helvetica,Arial,sans-serif;
} 
.searchReview .input
{
    float: left; 
}
.cmnbtn_120, .cmnbtn_120:hover, .cmnbtn_120 span, .cmnbtn_120:hover span
{
	background: url(../../_imgs/btn2_bg.gif) no-repeat;
	line-height: 25px;
	text-align: center;
    text-decoration: none; 
	float: left; 
	height: 25px; 
	width: 108px;
	font-weight: bold;
	color: #737273;
}
.cmnbtn
{
	*margin-bottom:5px;_margin-bottom:4px;
    display: inline-block;
    font-size: 13px;
}
.cmnbtn span {
	display: block;
	line-height: 25px;
	cursor: pointer;
}
.btnD, .btnD span, .btnD:hover, .btnD:hover span
{
    text-decoration: none;
    background: url(../../_imgs/btnsB101215.gif) no-repeat right -250px;
}
.btnD span
{
    background-position: left -200px;
    padding: 0 10px 0 10px;
    font-weight: normal;
    color: #666464;
}
.btnD:hover
{
    background-position: right -275px;
}
.btnD:hover span
{
    background-position: left -225px;
}
.btnD,.btnD span,.btnD:hover,.btnD:hover span 
{
	background:url(../../_imgs/btnsB101215.gif) no-repeat right -250px;
}
.btnD span
{
	background-position:left -200px;padding:0 10px 0 10px;font-weight:normal;color:#696969;
}
.btnD:hover
{
	background-position:right -275px;
}
.btnD:hover span
{
	background-position:left -225px;
}
.btnDDisable span{color:#bbb;}
.btnDDisable:hover,.btnDDisable:hover span{background-position:right -250px;cursor:default;color:#bbb;}
.btnDDisable:hover span{background-position:left -200px;}
.ctnerT
{
	background: url(../../_imgs/ctner1101215.gif) repeat-x left -202px; 
	border: #DBDBDB 1px solid;
	height: 35px; 
	clear: left;
	float: left;
	width: 880px;
	margin: 10px 0px 0px 10px
}
.ctnerT h3
{
	line-height: 35px;
	font-size: 14px;
	color: #484848;
	float: left;
	margin-left: 15px;
	_margin-left: 8px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.ctnerT h2
{
   float: right;
   margin: 5px 5px 0px 0px;
}
.formA dl
{
    width: 100%;
    padding: 0px 0;
    clear: both; 
    *padding: 3px0;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 12px;
}
.formA dt
{
    text-align: right;
    margin: 6px 0 0 0;
    width: 150px;
    float: left;
    margin-right: 5px;
    font-size: 12px;
}
.formA dd
{
    margin-left: 155px;
    margin-right: 5px;
}
.formA .mustFill
{
    font-weight: bold;
    color: #F60;
    margin-top: 8px;
    float: left;
}
.formA .tip
{
    color: #888;
    margin-top: 5px;
}
.formA .error
{
    padding-left: 20px;
    background: url(../../_imgs/btnsB101215.gif) no-repeat 0 -1300px;
    color: #F00;
    margin-top: 5px; *padding-top:2px;_padding-top:0;}
.formA .btnLine
{
    clear: both;
	border-top: #D7D7D7 1px solid;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	text-align: center;
	width: 860px;
	margin-left: 20px;
}
.formA .btnLine #msg
{
    width: 220px;
    clear: both;
    margin: auto auto;
    text-align: center; 
}
.formA dd .btnD span
{
    margin-right: 0;
}
.cmnTArea
{
    border: #AAA 1px solid; 
    width: 510px;
    height: 100px;
    font-size: 12px;
    color: #484848; 
}
.input500
{
	border: #AAA 1px solid; 
    width: 510px;
}
.input120
{
    width: 120px;
}
 
.input35, .input50, .input70, .input100, .input150, .input200, .input400, .input500, .input120
{ 
	height: 19px;
	line-height: 19px;
	font-family: Tahoma,Helvetica,Arial,sans-serif;
}
.ctnerBody { float: left; margin-top: 5px; }
.ctnerBody li.item
{
    padding: 8px 0 0 1px;
    height: 21px;
    float: none;
    border-bottom: 1px #CACACA dotted;
    overflow: hidden;
    background: none;
}
.button_100
{
    float: left;
    margin: 0 0 0 0px;
    height: 24px;
    background: url(../../_imgs/btn_b_100.gif) no-repeat left;
    width: 100px;
    display: inline;
    line-height: 22px;
    font-size: .7em; 
    color: #000;  
    cursor: pointer; 
    border: 0px;
    text-align: center;
    text-decoration: none;
}

SPAN.alertMsg { color:#EC2909; height:23px; line-height:23px; padding:0 10px 0 0px; }
SPAN.alertPanel { display: none;}

.listCell { margin-top: 5px; float: left; margin-left: 10px; clear: left; width: 881px; }
.listCell .colTitle {font-weight:bold; background: #F2F2F2; color: #4D4D4D; }
.listCell li .topic { float:left;width:460px;margin:0 10px;overflow:hidden;}
.listCell li .topic a {padding-left:24px;background:url(../../_imgs/iconB120525.gif) no-repeat 0 -1808px;}
.listCell li.showTopic .topic a {background:url(../../_imgs/iconB120525.gif) no-repeat 0 -1842px;}
.listCell li .viewNo{float:left;margin-right:10px;overflow:hidden;width:100px;}
.listCell li .author{float:left;margin-right:10px;overflow:hidden;width:120px;}
.listCell li .lastUpdate{float:left;margin-right:10px;overflow:hidden;}
.listBottom { background:#F2F2F2;border:1px solid #DDD;height:30px;margin-top:10px;}
.listBottom p { margin:5px 0 0 10px;font-weight:bold;font-size:14px;}
.listCell .listBottom .pagePanel li{ padding-bottom:0;border-bottom:none; margin-bottom:0;}
.listCell li { height: 24px; margin-bottom: 0px; border-bottom: 1px dotted #CCC; overflow:hidden; line-height: 20px; padding: 5px 0px 0px; color: #4D4D4D; }
.listCell .colTitle{font-weight:bold;}
.listCell li .topic{float:left;width:460px;margin:0 10px;overflow:hidden;}
.listCell li .topic a { padding-left:24px;background:url(../../_imgs/iconB120525.gif) no-repeat 0 -1808px;}
.listCell li.showTopic .topic a{background:url(../../_imgs/iconB120525.gif) no-repeat 0 -1842px;}
.listCell li .viewNo{float:left;margin-right:10px;overflow:hidden;width:100px;}
.listCell li .author{float:left;margin-right:10px;overflow:hidden;width:120px;}
.listCell li .lastUpdate{float:left;margin-right:10px;overflow:hidden;}
.listBottom { background:#F2F2F2;border:1px solid #DDD;height:30px;margin-top:10px;}
.listBottom p{ margin:5px 0 0 10px;font-weight:bold;font-size:14px;}
.listCell .listBottom .pagePanel li{padding-bottom:0;border-bottom:none;margin-bottom:0;}

.ctnerBot{ width:880px; margin-left: 10px; height:6px;background:url(../../_imgs/ctner1101215.gif) repeat-x 0 -237px;overflow:hidden; margin-top: -1px; }
.moreOperation {
    float: left;
    clear: left;
    width: 880px;
	margin-top: 10px;
    margin-left: 10px;
	height: 35px;
	overflow: hidden;
	background: #F2F2F2;
	border-bottom: 1px solid #CCC;
}
.pagePanel
{
    float: right;
    margin-right: 10px;
    display: inline;
}
.pagePanel p, .pagePanel ul
{
    float: left; line-height: 26px;
}
.pagePanel p
{
    margin-top: 6px; *margin-top:6px;_margin-top: 6px;}
.pagePanel li
{
    float: left;
    margin-left: 5px;
    display: inline;
    margin-top: 8px;
}
.pagePanel li a, .pagePanel li span
{
    display: block;
    line-height: 16px;
    padding: 0 5px;
    border: 1px solid #a5a5a5;
    color: #484848;
}
.pagePanel li a:hover, .pagePanel li span.current
{
    border: 1px solid #FFA200;
    background: #FFA200;
    color: #fff;
    text-decoration: none;
}
.pagePanel li span.disable
{
    color: #A5A5A5;
}


.reviewList
{
    margin-top: 5px;
}
.reviewList .listCell
{
    margin: 5px 0 0 10px;
    clear: both;
}
.reviewList .listCell .title
{
    margin: 0 0 6px 0;
    padding: 5px 10px;
    border-top: 1px #CCC solid;
    background: #F2F2F2;
    height: 18px;
    overflow: hidden;
}
.reviewList .listCell .title h2
{
    font-size: 14px;
    float: left;
    overflow: hidden;
    line-height: 18px;
    height: 18px;
    margin: 0px;
    padding: 0px;
}
.reviewList .listCell .title h2 a:hover
{
    text-decoration: none;
}
.reviewList .listCell .title h2 span
{
    color: #F60;
    margin-right: 5px;
}
.reviewList .listCell .title .rankIcon
{
    float: left;
}
.reviewList .listCell .title .rankIcon strong
{
    color: #F60;
    margin-right: 3px;
}
.reviewList .listCell .title .pubDate
{
    float: right;
}
.reviewList .listCell .userInfo
{
    float: left;
    width: 200px;
    margin-right: 15px;
    padding: 10px 10px 10px 10px;
    border-right: 1px #CCC dotted;
    border-width: 0 1px 0 0;
    word-break: break-all;
}
.reviewList .listCell .userInfo dt p
{
    padding: 5px 0;
    word-wrap: break-word;
    word-break: normal;
}
.reviewList .listCell .userInfo dt a span
{
    text-align: center;
}
.reviewList .listCell .userInfo dd p
{
    clear: both;
    margin-bottom: 5px;
}
.reviewList .listCell .userInfo dt span
{
    cursor: pointer;
}
.reviewList .listCell .proInfo
{
    float: left;
    width: 100px;
    margin-right: 15px;
    padding: 10px 10px 10px 10px;
    border-right: 1px #CCC dotted;
    border-width: 0 1px 0 0;
}
.reviewList .listCell .proInfo dt p
{
    padding: 5px 0;
    overflow: hidden;
    word-break: break-all;
}
.reviewList .listCell .proInfo dd p
{
    margin-bottom: 5px;
}
.reviewList .listCell .proInfo dd .price
{
    color: #F60;
    font-weight: bold;
}
.reviewList .listCell .content
{
    float: left;
    width: 620px;
    margin-right: 0px;
    padding-right: 0px; /*border-right: 1px dotted #CCC;*/
}
.reviewList .listCell .content .reviewer
{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCC;
}
.reviewList .listCell .content dd
{
    margin-bottom: 10px;
    clear: both;
}
.reviewList .listCell .content .textBlock label
{
    font-weight: bold;
    float: left;
    width: 45px;
    line-height: 18px;
}
.reviewList .listCell .content .textBlock div
{
    margin-left: 10px;
    line-height: 18px;
}
.reviewList .listCell .content .upload a
{
    margin-right: 10px;
}
.reviewList .listCell .content .upload a img
{
    padding: 3px;
    border: 1px solid #CCC;
    width: 80px;
    height: 60px;
}
.reviewList .listCell .content .upload a:hover img
{
    border: 1px solid #F60;
}
.reviewList .listCell .content .uploadLarge
{
    width: 640px;
    overflow: hidden;
}
.reviewList .listCell .content .uploadLarge img
{
    display: block;
    margin-bottom: 10px;
}
.reviewList .listCell .content .oper .isGood
{
    float: right;
}
.reviewList .listCell .content .oper .isGood .good
{
    background: url(../../_imgs/iconB101215.gif) no-repeat 0 -1090px;
    height: 16px;
    padding-left: 20px;
    margin-right: 5px;
    display: inline-block;
}
.reviewList .listCell .content .oper .isGood .bad
{
    background: url(../../_imgs/iconB101215.gif) no-repeat 0 -1120px;
    height: 16px;
    padding-left: 20px;
    display: inline-block;
}
.reviewList .listCell .content .oper .isGood span
{
    color: #F60;
    margin-right: 10px;
}
.reviewList .listCell .rankDetail
{
    float: left;
}
.reviewList .listCell .replys
{
    margin: 0 15px 0 138px;
}
.reviewList .listCell .replys li
{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #CCC;
}
.reviewList .listCell .replys li p
{
    margin: 8px 0;
    line-height: 18px;
    color: #888;
}
.reviewList .listCell .replys li .replyTitle a
{
    margin-right: 5px;
}
.reviewList .listCell .replys li .replyTitle .pubDate
{
    float: right;
    margin-right: 5px;
    color: #888;
}
.reviewList .listCell .replys li .replyTitle .floorNum
{
    float: right;
    background: #666;
    padding: 1px 3px;
    color: #FFF;
}
.reviewList .listCell .replys .byVendor .replyer
{
    font-weight: bold;
    color: #F60;
    padding-left: 22px;
    background: url(../../_imgs/btnsB101215.gif) no-repeat 0 -1900px;
}